<template>
  <div class="r-resultd">
    <div v-if="status">
      <img :src="s" style="" />
      <div class="tit">数据上传成功</div>
      <div class="desc">成功上传 {{ rdata }}条 参保管理数据</div>
      <div>
        <a-button type="primary" @click="$router.go(-1)">
          查看参保管理
        </a-button>
      </div>
    </div>
    <div v-else>
      <img :src="e" style="" />
      <div class="tit">数据上传失败</div>
      <div class="desc">{{ rdata }}</div>
      <div>
        <a-button style="margin-right:12px;" @click="$router.go(-1)">
          返回
        </a-button>
        <a-button type="primary" @click="$emit('onAction', 0)">
          重新上传
        </a-button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    status: {
      type: Boolean,
      default: true
    },
    rdata: {
      type: Number,
      default: 0
    }
  },
  data() {
    return {
      s: require("@/assets/recruitment/s1.png"),
      e: require("@/assets/recruitment/e1.png")
    };
  }
};
</script>

<style lang="scss" scoped>
.r-resultd {
  width: 50%;
  margin: 0 auto;
  padding-top: 64px;
  text-align: center;
  img {
    width: 184px;
    height: 184px;
  }
  .tit {
    font-size: 16px;
    margin: 12px 0;
  }
  .desc {
    color: #a6a8b4;
    margin-bottom: 22px;
  }
}
</style>
